<template>
  <div class="tab-page-main">
    <el-tabs v-model="state.tabActive" type="card" class="page-tabs">
      <el-tab-pane label="邀请好友活动管理" :name="0">
        <div class="tab-page-content">
          <InviteManage />
        </div>
      </el-tab-pane>
      <el-tab-pane label="邀请好友活动记录" :name="1">
        <div class="tab-page-content">
          <InviteRecord />
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script lang="ts" setup>
import InviteManage from "./components/invite-manage.vue";
import InviteRecord from "./components/invite-record.vue";

const state = reactive({
  loading: false,
  tabActive: 0
});
</script>
<style lang="scss" scoped>
:deep() {
  .el-tabs--card {
    .el-tabs__header {
      .el-tabs__item {
        font-size: 15px !important;
      }
      .el-tabs__item.is-active {
        font-weight: normal !important;
      }
    }
  }
}
</style>
